@charset "utf-8";
@import url("basic.css") all;
/**
 * @author Thibaut Cromphaut, Gaïtano Boeraeve, Mathias Helin, Dimitry Dierickx
 * @copyright  Copyright (c) 2011 Artevelde University College Ghent 
 */

#header {
    height: 200px;
}

#header nav {
    position: absolute;
    top: 135px;
    left: 0px;
}

#header nav li {
    margin-left: 0px;
    margin-right: 8px;
    width: 100px;
}

#userblock {
    font-family: Arial, sans-serif;
    position: absolute;
    top: 15px;
    right: 0px;
    width: 200px;
    padding: 7px;
    background: rgb(20,51,83);
    background: linear-gradient(bottom, rgb(20,51,83) 49%, rgb(61,92,124) 100%);
    background: -o-linear-gradient(bottom, rgb(20,51,83) 49%, rgb(61,92,124) 100%);
    background: -moz-linear-gradient(bottom, rgb(20,51,83) 49%, rgb(61,92,124) 100%);
    background: -webkit-linear-gradient(bottom, rgb(20,51,83) 49%, rgb(61,92,124) 100%);
    background: -ms-linear-gradient(bottom, rgb(20,51,83) 49%, rgb(61,92,124) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.49, rgb(20,51,83)), color-stop(1, rgb(61,92,124)));
    border-radius: 5px;
    font-size: 8pt;
    color: #FFF;
    text-align: center;
}

#userblock .user_name a, #userblock .user_mess a {
    display: block;
    background-color: #4c6985;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#userblock .user_name a, #userblock .user_mess a, #userblock .user_btns a {
    color: #FFF;
}

#userblock .user_name a:hover, #userblock .user_mess a:hover {
    background-color: #082541;
}

#userblock .user_btns {
    overflow: hidden;
}

#userblock .user_btns a {
    display: inline-block;
    padding: 5px;
    background: #e59e9e; /* Old browsers */
    background: -moz-linear-gradient(top,  #e59e9e 0%, #e05a5b 20%, #da1f00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e59e9e), color-stop(20%,#e05a5b), color-stop(100%,#da1f00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e59e9e 0%,#e05a5b 20%,#da1f00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e59e9e 0%,#e05a5b 20%,#da1f00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e59e9e 0%,#e05a5b 20%,#da1f00 100%); /* IE10+ */
    background: linear-gradient(top,  #e59e9e 0%,#e05a5b 20%,#da1f00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59e9e', endColorstr='#da1f00',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
}

#userblock .user_btns a:hover {
    background: #d92726 !important;
}

#userblock .user_btns-edit {
    width: 120px;
    float: left;
}

#userblock .user_btns-logout {
    width: 50px;
    float: right;
    font-weight: bold;
}

#breadcrumb {
    position: relative;
    top: -15px;
    margin-bottom: 1em;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #FFF;
}

#breadcrumb .icon {
    position: relative;
    bottom: -5px;
    margin-right: 5px;
}

#breadcrumb a {
    color: #FFF;
    display: inline-block;
    padding: 0px 5px;
}

#breadcrumb a:hover {
    text-decoration: underline;
}


/****************************
    My All-e: READINGLIST
****************************/

.block-allbooks-panel,
.block-mybooks-panel,
.block-newbooks-panel {
    padding: 10px 0px !important;
}

.block-readinglist h2 {
    margin-bottom: 0;
}

.block-readinglist .block-readinglist-books {
    position: relative;
    overflow: hidden;
    min-height: 150px;
}

.block-readinglist .block-readinglist-books .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
}

.block-add-book,
.block-course-books .block-summary-book,
.block-allbooks .block-summary-book,
.block-mybooks .block-summary-book,
.block-newbooks .block-summary-book,
.block-readinglist .block-readinglist-book {
    overflow: visible;
    width: 150px;
    float: left;
    margin: 0px 3px;
    display: block;
}

.block-course-books .block-summary-book {
    margin-right: 0px;
}

.block-course-books .block-summary-book,
.block-allbooks .block-summary-book,
.block-mybooks .block-summary-book {
    height: 210px;
}

.block-course-books .block-summary-book .block-summary-book-image-wrapper,
.block-allbooks .block-summary-book .block-summary-book-image-wrapper,
.block-mybooks .block-summary-book .block-summary-book-image-wrapper,
.block-add-book .block-add-book-image-wrapper,
.block-newbooks .block-summary-book-image-wrapper,
.block-readinglist .block-readinglist-book-image-wrapper {
    position: relative;
    width: 144px;
    height: 144px;
    overflow: hidden;
    border: 3px solid #CCC;
    border-radius: 10px;
    background: #CCC;
    margin-top: 10px;
    margin-bottom: 7px;
}

.block-add-book .block-add-book-image-wrapper {
    border-style: dashed;
    border-color: #999;
    margin-bottom: 10px;
}

.block-course-books a:hover .block-summary-book-image-wrapper,
.block-allbooks a:hover .block-summary-book-image-wrapper,
.block-mybooks a:hover .block-summary-book-image-wrapper,
.block-add-book a:hover .block-add-book-image-wrapper,
.block-newbooks a:hover .block-summary-book-image-wrapper,
.block-readinglist a:hover .block-readinglist-book-image-wrapper {
    box-shadow: 0px 0px 10px #000;
}

.block-course-books .block-summary-book-image-wrapper .block-summary-book-image,
.block-allbooks .block-summary-book-image-wrapper .block-summary-book-image,
.block-mybooks .block-summary-book-image-wrapper .block-summary-book-image,
.block-add-book .block-add-book-image-wrapper .block-add-book-image,
.block-newbooks .block-summary-book-image-wrapper .block-summary-book-image,
.block-readinglist .block-readinglist-book-image-wrapper .block-readinglist-book-image {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 150px;
    min-width: 150px;
    margin-left: -75px;
    margin-top: -75px;
    max-height: 200px;
    max-width: 200px;
}

.block-course-books .block-summary-book .block-summary-book-title-full,
.block-allbooks .block-summary-book .block-summary-book-title-full,
.block-mybooks .block-summary-book .block-summary-book-author,
.block-mybooks .block-summary-book .block-summary-book-title-full,
.block-mybooks .block-summary-book .block-summary-book-title-sub,
.block-newbooks .block-summary-book .block-summary-book-author,
.block-newbooks .block-summary-book .block-summary-book-title-full,
.block-newbooks .block-summary-book .block-summary-book-title-sub,
.block-readinglist .block-readinglist-book .block-readinglist-book-title {
    font-size: 0.8em;
    display: inline-block;
    text-align: center;
    width: 150px;
}


.block-course-books .block-summary-book .block-summary-book-author,
.block-course-books .block-summary-book .block-summary-book-title-sub,
.block-allbooks .block-summary-book .block-summary-book-author,
.block-allbooks .block-summary-book .block-summary-book-title-sub,
.block-mybooks .block-summary-book .block-summary-book-author,
.block-mybooks .block-summary-book .block-summary-book-title-sub {
    display: none;
}

.block-add-book .block-add-book-label {
    display: block;
    position: relative;
    height: 120px;
    margin-top: -150px;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.block-add-book .block-add-book-label .block-add-book-label-add {
    display: block;
    font-size: 26pt;
    font-weight: normal;
}

.block-newbooks .block-summary-book .block-summary-book-title-full {
    font-weight: bold;
}

.block-newbooks .block-summary-book .block-summary-book-author {
    
}

.block .pagination {
    clear: both;
    padding-top: 0.5em;
    text-align: center;
}


.block-announcements-announcement,
.block-notes-note,
.block-courses-course {
    overflow: hidden;
    height: 30px;
    position: relative;
    margin-bottom: 1px;
    padding: 0px 30px 0px 37px;;
}

.block-announcements-announcement.alternative,
.block-notes-note.alternative,
.block-courses-course.alternative {
    background: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-left: none;
    border-right: none;
}

.block-announcements-announcement:hover,
.block-notes-note:hover,
.block-courses-course:hover {
    background: #e4e4e4;
}

.block-announcements-announcement .block-announcements-announcement-icon,
.block-notes-note .block-notes-note-icon,
.block-courses-course .block-courses-course-icon {
    position: absolute;
    left: 0px;
    top: 1px;
}

.block-notes-note .block-notes-note-delete,
.block-courses-course .block-courses-course-delete {
    position: absolute;
    right: 0px;
    top: 1px;
}

.block-announcements-announcement {
    padding-right: 0px;
}

.block-announcements-announcement .block-announcements-announcement-course {
    display: inline-block;
    width: 90px;
}

.block-announcements-announcement .block-announcements-announcement-seperator {
    display: inline-block;
    width: 15px;
    text-align: center;
}

.block-announcements-announcement .block-announcements-announcement-title {
    display: inline-block;
    width: 240px;
}

.block-announcements-announcement .block-announcements-announcement-date {
    display: inline-block;
    font-size: 0.8em;
}



.course-course,
.user-profile,
.user-messages,
.books-book {
    position: relative;
    background: #FFF;
    border-radius: 0px 10px 10px 10px;
    min-height: 300px;
    width: 635px;
    z-index: 2;
    padding: 15px 15px 15px 30px;
    margin-left: 300px;
    margin-top: 20px;
}

.books-book,
.course-course,
.user-profile,
.user-messages,
.user-profile-sidebar,
.course-navigation,
.books-navigation {
    display: block;
    position: relative;
    padding: 10px;
    float: left;
}

.user-profile,
.user-messages,
.course-course {
    padding-top: 0px;
}


.user-profile #tabs,
.user-messages #tabs,
.course-course #tabs {
    margin: 0px 0 0 -10px;
}

.user-profile-sidebar,
.course-navigation,
.books-navigation {
    background-color: #f2f2f2;
    background-image: url(../images/bg_shadow_book_nav_right.png);
    background-position: right top;
    background-repeat: repeat-y;
    border-radius: 10px 0px 0px 10px;
    width: 300px;
    padding: 10px 0px;
    z-index: 1;
    margin-top: -10px;
    margin-left: -310px;
    margin-bottom: 15px;
}

.user-profile-sidebar,
.course-navigation {
    margin-top: 3px;
    background-color: #FFF;
    overflow: hidden;
    background-image: none;
}

.user-profile-sidebar .padding-wrapper,
.course-navigation .padding-wrapper {
    padding: 10px;
}

.books-navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.books-navigation ul li {
    position: relative;
    margin: 0;
    padding: 5px;
    border-bottom: 1px dashed #CCC;
    overflow: hidden;
}

.books-navigation ul li span {
    display: inline-block;
}

.books-navigation li.active {
    background-color: #FFF;
    font-weight: bold;
}

.books-navigation .books-navigation-icon {
    margin-left: -30px;
    margin-right: 10px;
    float: left;
    vertical-align: middle;
}


.user-profile-sidebar .user-profile-title-icon,
.course-navigation .course-navigation-title-icon,
.books-navigation .books-navigation-title-icon {
    margin-top: 2px;
}

.user-profile-sidebar .user-profile-title,
.course-navigation .course-navigation-title,
.books-navigation .books-navigation-title {
    font-size: 16pt;
    font-weight: bold;
}

.user-profile-sidebar .user-profile-title,
.course-navigation .course-navigation-title {
    color: #183e63;
}

.books-navigation .books-navigation-title {
    padding-left: 45px;
    border-top: 1px dashed #CCC;
}

.user-profile-sidebar .user-profile-image-wrapper,
.course-navigation .course-navigation-image-wrapper {
    width: 230px;
    height: 150px;
    background: #f2f3f4;
    margin: 10px 0px 15px 25px;
    border: 1px solid #cfcfcf;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.user-profile-sidebar .user-profile-image-wrapper .user-profile-image {
    height: 150px;
}

.course-navigation .course-navigation-description {
    border-top: 1px dashed #e3e3e3;
    padding: 10px 10px 10px 35px;
    margin: 0px -10px;
}

.course-navigation .course-navigation-stats-wrapper {
    margin: 0px -10px -20px -10px;;
    background: #f2f2f2;
    padding: 0px 10px 10px 35px;
    border-right: 1px solid #e3e3e3;
}

.course-navigation .course-navigation-stats-wrapper ul.course-stats {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12pt;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}

.course-navigation .course-navigation-stats-wrapper ul.course-stats span {
    display: inline-block;
    width: 40px;
    text-align: right;
    color: #af210c;
    margin-right: 5px;
    margin-bottom: 3px;
    font-weight: bold;
}


.course-navigation .course-navigation-stats-wrapper .course-navigation-title {
    margin-left: -25px;
    border-top: 1px dashed #e3e3e3;
    border-bottom: 1px dashed #e3e3e3;
    padding: 7px 0px;
}

.books-navigation ul.books-navigation-chapters li {
    padding-left: 75px;
    font-size: 12pt;
}

.books-navigation ul.books-navigation-articles li {
    padding-left: 85px;
    font-size: 10pt;
}

.course-course h2,
.books-book h2 {
    font-weight: bold;
    font-size: 18pt;
}

.books-book-article {
    padding: 5px 20px;
}

.books-book .books-book-article-author {
    font-size: 0.8em;
    margin-top: -7px;
    margin-right: 35px;
    margin-bottom: 15px;
}

.books-book .books-book-article-date {
    margin-top: 2em;
    font-size: 0.8em;
}

.books-book .books-book-article-article {
    clear: right;
}

.books-book .books-book-article-article h3 {
    color: #56718d;
    font-weight: normal;
    font-size: 16pt;
    margin-bottom: 0.2em;
}

.books-book-title,
.books-book-chapter-book-title {
    margin-top: 30px;
}

.books-book-title .title,
.books-book-chapter-book-title .title {
    font-size: 16pt;
    font-weight: bold;
    display: block;
}

.books-book-title .subtitle,
.books-book-chapter-book-title .subtitle {
    font-weight: normal;
    font-size: 14pt;
    display: block;
    font-style: italic;
}

.books-book-chapter h2 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.books-book-summary,
.books-book-chapter {
    padding-left: 80px;
    padding-right: 40px;
}

.books-book-summary-details,
.books-book-chapter-details {
    background: #f4f4f4;
    margin-left: -80px;
    margin-right: -40px;
    padding: 15px 40px 15px 80px;
}

.books-book .books-book-actions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 0.5em;
    margin-bottom: 2em;
}

.books-book .books-book-actions img {
    border-radius: 5px;
    max-height: 13px;
    margin-right: 7px;
}

.books-book .books-book-title label,
.books-book .books-book-author label,
.books-book .books-book-description label,
.books-book .books-book-actions label,
.books-book .books-book-chapter-author label,
.books-book .books-book-chapter-description label,
.books-book .books-book-chapter-articles label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.25em;
    font-size: 10pt;
    color: #56718d;
}

.books-book .books-book-title,
.books-book .books-book-author,
.books-book .books-book-description,
.books-book .books-book-chapter-author,
.books-book .books-book-chapter-description,
.books-book .books-book-chapter-articles {
    margin-bottom: 1em;
}

.books-book-chapter-articles ul,
.books-book-chapter-articles ul li {
    margin: 0;
    padding: 0;
}

.books-book-chapter-articles ul {
    margin-top: 1em;
}

.books-book-chapter-articles ul li {
    list-style-type: square;
    margin-left: 16px;
    margin-bottom: 0.5em;
}

.books-book .books-book-title-main {
    font-weight: bold;
}

.books-book .books-book-image {
    float: right;
    width: 150px;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 3px solid #CCC;
}

.books-book .books-book-image img {
    max-width: 150px;
    margin: 0px;
    padding: 0px;
    display: block;
}

.ui-tabs {
    margin-top: 45px;
}

.ui-tabs-nav {
    height: 45px;
    top: -35px;
}

.ui-tabs .ui-tabs-nav li {
    margin-top: 10px;
    height: 35px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    margin-top: 0;
    padding-top: 10px;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 5px 15px;
    font-weight: normal;
}

.ui-tabs .ui-tabs-panel {
    padding: 20px 15px;
    margin: 0px;
    margin-top: -30px;
    z-index: 2;
}

.block-courses-courses-course {
    width: 400px;
    padding: 10px;
    position: relative;
    float: left;
    margin: 5px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    background: #f4f4f4;
    overflow: hidden;
    height: 140px;
}

.block-courses-courses-course .block-courses-courses-course-image-wrapper {
    width: 138px;
    height: 138px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
    float: left;
}

.block-courses-courses-course .block-courses-courses-course-image-wrapper img {
    min-height: 140px;
    min-width: 140px;
    max-width: 200px;
    max-height: 200px;
}

.block-courses-courses-course-description,
.block-allcourses-course-title {
    display: block;
    padding: 7px;
    background: #e8e8e8;
    margin-bottom: 5px;
    margin-left: 150px;
}

.block-courses-courses-course-title {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
}

.block-courses-courses-course-description {
    font-size: 10pt;
    height: 53px;
    overflow: hidden;
}

.courses-buttons a,
.block-courses-courses-buttons a {
    float: right;
    margin-left: 5px;
    background: #173756;
    color: #FFF;
    display: block;
    font-size: 9pt;
    padding: 6px 10px;
    height: 18px;
    border-radius: 5px;
}

.courses-buttons a.visit,
.block-courses-courses-buttons a.visit {
    background: -moz-linear-gradient(top,  #8194a6 0%, #385877 10%, #153554 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8194a6), color-stop(10%,#385877), color-stop(100%,#153554)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8194a6 0%,#385877 10%,#153554 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8194a6 0%,#385877 10%,#153554 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8194a6 0%,#385877 10%,#153554 100%); /* IE10+ */
    background: linear-gradient(top,  #8194a6 0%,#385877 10%,#153554 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8194a6', endColorstr='#153554',GradientType=0 ); /* IE6-9 */
}

.user-profile-buttons a,
.courses-buttons a.subscribe,
.block-courses-courses-buttons a.subscribe {
    background: #db260a; /* Old browsers */
    background: -moz-linear-gradient(top,  #e59b99 0%, #e04838 15%, #da2002 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e59b99), color-stop(15%,#e04838), color-stop(100%,#da2002)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e59b99 0%,#e04838 15%,#da2002 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e59b99 0%,#e04838 15%,#da2002 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e59b99 0%,#e04838 15%,#da2002 100%); /* IE10+ */
    background: linear-gradient(top,  #e59b99 0%,#e04838 15%,#da2002 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59b99', endColorstr='#da2002',GradientType=0 ); /* IE6-9 */
}

.courses-buttons a.unsubscribe,
.block-courses-courses-buttons a.unsubscribe {
    background: #6B6B6B; /* Old browsers */
    background: -moz-linear-gradient(top,  #303030 0%, #606060 21%, #898989 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(21%,#606060), color-stop(100%,#898989)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #303030 0%,#606060 21%,#898989 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #303030 0%,#606060 21%,#898989 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #303030 0%,#606060 21%,#898989 100%); /* IE10+ */
    background: linear-gradient(top,  #303030 0%,#606060 21%,#898989 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}

.courses-buttons a.visit:hover,
.block-courses-courses-buttons a.visit:hover {
    background: #0a2137;
}

.user-profile-buttons a:hover,
.courses-buttons a.subscribe:hover,
.block-courses-courses-buttons a.subscribe:hover {
    background: #b41e06;
}

.courses-buttons a.unsubscribe:hover,
.block-courses-courses-buttons a.unsubscribe:hover {
    background: #474747;
}

.courses-buttons a.visit:focus,
.block-courses-courses-buttons a.visit:focus {
    background: #000000;
}

.user-profile-buttons a:focus,
.courses-buttons a.subscribe:focus,
.block-courses-courses-buttons a.subscribe:focus {
    background: #5b0d00;
}

.courses-buttons a.unsubscribe:focus,
.block-courses-courses-buttons a.unsubscribe:focus {
    background: #151515;
}

.block-course-announcement {
    padding-left: 60px;
}

.block-course-announcement.alternative {
    background: #f4f4f4;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 10px;
    margin-bottom: 15px;
}

.block-course-announcement .block-course-announcement-author-image-wrapper {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    margin-left: -60px;
    background: #FFF;
}

.block-course-announcement .block-course-announcement-author-image {
    max-width: 75px;
    max-height: 75px;
    min-width: 50px;
    min-height: 50px;
}

.block-course-announcement .block-course-announcement-title {
    font-weight: bold;
    color: #183e63;
    font-size: 13pt;
    margin-bottom: 3px;
}

.block-course-announcement .block-course-announcement-authorline {
    font-size: 8pt;
    margin-bottom: 7px;
}

.block-course-announcement .block-course-announcement-body {
    margin-bottom: 10px;
    font-size: 10pt;
}

.block-course-books,
.block-course-books .content,
.block-course-announcement,
.block-course-announcement .content {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.block-course-announcement-panel,
.block-course-books-panel {
    margin: 0px !important;
    padding: 0px !important;
}

.block-course-books-panel {
    margin-right: -10px !important;
    padding-right: 0px !important;
}

.courses-buttons {
    margin-top: 30px;
}
.courses-buttons a {
    display: inline-block;
    float: none;
}

.block-user-tile {
    display: block;
    float: left;
    margin: 5px;
    border: 1px solid #cfcfcf;
    padding: 10px;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    background: #f4f4f4;
}

.block-user-tile .item {
    margin-bottom: 0.2em;
    display: block;
}

.block-user-tile .block-user-tile-role {
    font-size: 0.8em;
}

.block-user-tile a {
    display: block;
    overflow: hidden;
    padding-left: 60px;
}

.block-user-tile:hover {
    box-shadow: 0px 0px 5px #666;
    background: #cfcfcf;
}

.block-user-tile .block-user-tile-image-wrapper {
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    float: left;
    margin-left: -60px;
    background: #FFF;
}

.block-user-tile .block-user-tile-image-wrapper .block-user-tile-image {
    position: absolute;
    left: 50%;
    margin-left: -75%;
    height: 50px;
}

.user-message-panel,
.user-profile-panel {
    font-size: 10pt;
}

.user-profile-panel .item {
    display: block;
    margin-bottom: 1em;
}

.user-profile-panel .item label {
    font-weight: bold;
    color: #183e63;
    font-size: 1em;
    margin-bottom: 0.4em;
    dispaly: block;
}

.user-profile-panel .item span {
    font-size: 1.2em;
    display: block;
}

.user-profile-buttons {
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: -10px;
}

.user-profile-buttons a {
    display: inline-block;
    padding: 7px 10px;
    border-radius: 5px;
    color: #FFF;
}

.books-article-notes,
.books-book-reviews {
    margin-top: 2em;
    padding: 10px;
}

.block-user-message-wrapper,
.books-article-notes-container .block-article-note,
.books-book-reviews .block-book-review {
    padding: 0px 10px 0px 70px;
    margin-bottom: 15px;
    margin: 0px -10px 15px -10px;
}

.block-user-message-wrapper.alternative,
.books-article-notes-container .block-article-note.alternative,
.books-book-reviews .block-book-review.alternative {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f4f4f4;
}

.block-user-message-wrapper .block-user-message-image-wrapper,
.books-article-notes-container .block-article-note-image-wrapper,
.books-book-reviews .block-book-review-image-wrapper {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-left: -60px;
    float: left;
}

.block-user-message-wrapper .block-user-message-image-wrapper, .block-user-message-image,
.books-article-notes-container .block-article-note-image-wrapper .block-article-note-image,
.books-book-reviews .block-book-review-image-wrapper .block-book-review-image {
    height: 50px;
}

.block-user-message-wrapper .item,
.books-article-notes-container .item,
.books-book-reviews .item {
    display: block;
    margin-bottom: 0.2em;
}

.block-user-message-wrapper .block-user-message-title,
.books-article-notes-container .block-article-note-title,
.books-book-reviews .block-book-review-title {
    font-weight: bold;
    font-size: 1.1em;
    color: #183e63;
}

.block-user-message-wrapper .block-user-message-authorline,
.books-article-notes-container .block-article-note-authorline,
.books-book-reviews .block-book-review-authorline {
    font-size: 0.8em;
    margin-bottom: 0.5em;
}

.books-article-notes-add,
.books-book-review-add {
    padding-left: 60px;
    margin-bottom: 15px;
}

.user-message-table {
    border-collapse: collapse;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.user-message-table thead {
    background: #f2f2f2;
    color: #183e63;
    height: 30px;
    text-align: left;
}

.user-message-table td {
    padding: 3px;
    border-bottom: 1px #cfcfcf dashed;
}

.user-message-table tr.unread td {
    background: #DDD;
    padding: 5px 3px;
}

.user-message-list-options {
    margin-top: 10px;
}

.user-message-list-option-delete {
    height: 20px;
    padding: 2px 5px !important;
}

.editor-buttons {
    display: block;
    clear: both;
    margin-top: 15px;
}